html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-ms-user-select: none;
	user-select: none;
	background-color: #55AAFF;
}
.controler{
	padding: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #F0FFFF;
	box-shadow: 0 0 30px rgb(255 112 173 / 35%);
}
.p-def{
	font-family: "黑体";
	font-weight: bold;
	flex-grow: 1;
}
.but-def{
	border: none;
	padding:10px 20px;
	background-color: #55aaff;
	color: azure;
	margin-top: 15px;
	border-radius: 4px;
}
.form-def{
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.input-def{
	border: none;
	background-color: #55AAFF;
	width: 250px;
	height: 50px;
	font-size: 18px;
	border-radius: 4px;
	outline: none;
}
.f-row{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.O-O{
	height: 20px;
	margin: 5px;
	padding: 10px 15px;
	border-radius: 5px;
	border: #FFFFFF;
	background-color: #f0f0f0;
	outline: none;
	resize: none;
	font-family: "黑体";
	font-weight: bold;
	flex-grow: 100;
}
.p-b{
	position: absolute;
}
.p-f{
	position: fixed;
}
.p-r{
	position: relative;
}
.back-left{
	bottom: 0;
	left: 0;
	padding: 0;
}
.back-right{
	right: 0;
	bottom: 0;
	padding: 0;
}
.waike{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.p-error{
	width: 92%;
	padding: 10px 20px;
	background-color: #ff557790;
	border: 1px solid #ff5577;
	color: #F0FFFF;
	text-align: center;
	border-radius: 4px;
}